<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>单产品画像</title>
    <link rel="stylesheet" href="../src/css/modal.css">
    <link rel="stylesheet" href="../src/css/index.css">
    <link rel="stylesheet" href="../src/css/dqyhx.css">
    <style>
        .ready_container {
            height: 100%;
            background-size: 100% 100%;
        }

        .centertxt {
            text-align: center !important;

        }

        .main_table th,
        .main_table td .color-yellow {
            color: rgba(248, 231, 28, 1);
        }

        .modal.in .modal-dialog {
            top: 25%;
        }
    </style>
    <script>
        (function setPageScale(window, document) {
            function setBodyScale() {
                var zoom = (window.innerHeight / 1080).toFixed(3)
                if (document.body) {
                    document.body.style.transform = 'translate(-50%, -50%) scale(' + zoom + ')';
                } else {
                    document.addEventListener('DOMContentLoaded', setBodyScale)
                }
            }
            setBodyScale();
            // reset scale unit on page resize窗口改变时候重新设置缩放
            window.addEventListener('resize', setBodyScale)
            window.addEventListener('pageshow', function (e) {
                if (e.persisted) {
                    setBodyScale()
                }
            })
        }(window, document))
    </script>
    <!--[if lt IE 9]>
        <script src="../src/js/html5shiv.min.js"></script>
        <![endif]-->
</head>

<body>
    <div class="wrapper" id="app">
        <!-- Modal 不良反应列表-->
        <div class="modal fade" id="myModal">
            <div class="modal-dialog" style="width:1020px;">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"><span
                                aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="">不良反应列表</h4>
                    </div>
                    <div class="modal-body">
                        <div class="a-table-list">
                            <table>
                                <colgroup>
                                    <col style="width:78px" />
                                    <col style="width:170px" />
                                    <col style="width:122px" />
                                    <col style="width:122px" />

                                    <col />
                                </colgroup>
                                <thead>
                                    <tr>
                                        <td>序号</td>
                                        <td>商品名称</td>
                                        <td>批准文号</td>
                                        <td>剂型</td>
                                        <td>不良反应发生时间</td>

                                    </tr>
                                </thead>
                            </table>
                            <div class="scroll-content" style="max-height:520px;overflow-y: auto;overflow-x: hidden;">
                                <table>
                                    <colgroup>
                                        <col style="width:78px" />
                                        <col style="width:170px" />
                                        <col style="width:122px" />
                                        <col style="width:122px" />

                                        <col />
                                    </colgroup>
                                    <tbody>
                                        <tr>
                                            <td class="eli">
                                                1
                                                <!-- <span class="link-detail">10000</span> -->

                                            </td>
                                            <td class="eli">
                                                1
                                                <!-- <span class="link-detail">10000</span> -->

                                            </td>
                                            <td class="eli">
                                                1
                                                <!-- <span class="link-detail">10000</span> -->

                                            </td>
                                            <td class="eli">
                                                1
                                                <!-- <span class="link-detail">10000</span> -->

                                            </td>
                                            <td class="eli">
                                                1
                                                <!-- <span class="link-detail">10000</span> -->

                                            </td>


                                        </tr>


                                    </tbody>
                                </table>
                            </div>

                        </div>
                    </div>
                    <div class="modal-footer">
                        <button class="a-btn" data-dismiss="modal">返回</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="global-content">
            <header class="header">
            </header>
            <section class="main clearfix">
                <nav class="navs">
                    <div class="nav-item">
                        <a href="./tsgz.html" class="tsgz ">
                            态势感知
                        </a>
                    </div>
                    <div class="nav-item">
                        <a href="./qyhx.html" class="qyhx ">
                            企业画像
                        </a>
                    </div>
                    <div class="nav-item">
                        <a href="./cphx.html" class="cphx on">
                            产品画像
                        </a>
                    </div>
                    <div class="nav-item">
                        <a href="./tdpchx.html" class="tdpchx">
                            特定批次
                            画像
                        </a>
                    </div>
                    <div class="nav-item">
                        <a href="./scxszk.html" class="scxszk">
                            生产销售质控
                        </a>
                    </div>
                </nav>
                <div class="content-box">
                    <div class="ready_container " style="display: block;">
                        <div class="s-title mb20">企业综合风险情况分析</div>
                        <div class="top_handle mb10 pl20">
                            <button class="color-f f16">风险会商</button>
                            <button class="ml20 color-f f16">风险处置</button>
                            <button class="ml20 color-f f16">风险关闭</button>
                        </div>
                        <div class="content-box-area flex pl20">
                            <div class="cb-left" style="width: 100%;">
                                <table class="main_table" style="width: 100%;">
                                    <tr>
                                        <td class="width1 tbg1">产品名称</td>
                                        <td>AC群脑膜炎球菌（结合）b型流感嗜血杆菌（结合）联合疫苗</td>
                                        <td class="width7  f22 text-center tbg1" rowspan="4"><span
                                                class="inline-block width12 color-red">风险值97分</span></td>
                                    </tr>
                                    <tr>
                                        <td class="width1 tbg1">生产企业名称</td>
                                        <td>AC群脑膜炎球菌（结合）b型流感嗜血杆菌（结合）联合疫苗</td>

                                    </tr>
                                    <tr>
                                        <td class="width1 tbg1">储配企业名称</td>
                                        <td>AC群脑膜炎球菌（结合）b型流感嗜血杆菌（结合）联合疫苗</td>

                                    </tr>
                                    <tr>
                                        <td colspan="2" style="padding: 0;border-top:none;  ">
                                            <div style="max-height:666px; overflow:auto;">
                                                <table style="width: 100%;">
                                                    <tbody>
                                                        <tr>
                                                            <td rowspan="13" class="tbg1"
                                                                style="border:none;width:40px;">
                                                                产品风险分析
                                                            </td>
                                                            <td class="centertxt tbg1">分类</td>
                                                            <td class="centertxt tbg1">指标</td>
                                                            <td class="centertxt tbg1">监测值</td>
                                                            <td class="centertxt tbg1">基准值</td>
                                                            <td class="centertxt tbg1">方差</td>
                                                            <td class="centertxt tbg1">分值</td>
                                                            <td class="centertxt tbg1">得分</td>
                                                        </tr>
                                                        <tr>
                                                            <td>1、静态风险</td>
                                                            <td>产品中是否有高风险产品</td>
                                                            <td class="centertxt color-yellow clicker">2</td>

                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                        </tr>
                                                        <tr>
                                                            <td>2、温湿度</td>
                                                            <td>产品中是否有高风险产品</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                        </tr>
                                                        <tr>
                                                            <td>3、不良反应</td>
                                                            <td>产品中是否有高风险产品</td>
                                                            <td class="centertxt color-yellow clicker"
                                                                data-toggle="modal" data-target="#myModal">有、无</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                        </tr>
                                                        <tr>
                                                            <td>4、抽样检验</td>
                                                            <td>产品中是否有高风险产品</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                        </tr>
                                                        <tr>
                                                            <td>5、批签发</td>
                                                            <td>产品中是否有高风险产品</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                        </tr>
                                                        <tr>
                                                            <td>6、生产线</td>
                                                            <td>产品中是否有高风险产品</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                        </tr>
                                                        <tr>
                                                            <td>7、上报数据</td>
                                                            <td>产品中是否有高风险产品</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                        </tr>
                                                        <tr>
                                                            <td>8、产品退货</td>
                                                            <td>产品中是否有高风险产品</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                        </tr>
                                                        <tr>
                                                            <td>9、产品报废</td>
                                                            <td>产品中是否有高风险产品</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                        </tr>
                                                        <tr>
                                                            <td>10、产品中控</td>
                                                            <td>产品中是否有高风险产品</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                        </tr>
                                                        <tr>
                                                            <td>11、产品检验</td>
                                                            <td>产品中是否有高风险产品</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                        </tr>
                                                        <tr>
                                                            <td>12、过期接种</td>
                                                            <td>产品中是否有高风险产品</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                            <td class="centertxt color-yellow clicker">2</td>
                                                        </tr>
                                                    </tbody>

                                                </table>
                                            </div>

                                        </td>

                                    </tr>

                                </table>
                            </div>

                        </div>
                    </div>
                </div>
            </section>
        </div>
        <img src="../src/img/dqyhx/back.png" class="go-back" onclick="window.history.go(-1)">

    </div>
    </div>
    </div>
    <script type="text/javascript" src="../src/js/jquery-1.11.1.min.js"></script>
    <script src="../src/js/polyfill.min.js"></script>
    <script src="../src/js/modal.min.js"></script>

</body>

</html>